<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!--
 1. 编写一个注册用户信息页面，需求如下：

表单中包括：用户名，密码，性别，学历（本科，专科），自我介绍；

输入完用户名后校验只能是"admin"，否则弹框提示错误

点击提交执行后执行事件，把自我介绍的内容弹框提示出来；
    -->

    <form action="xxx" method="GET" >
        <p>
            账号：<input type="text" placeholder="请输入账号" id="user" onblur="register()">
        </p>
        <p>密码：<input type="password" placeholder="请输入密码">
        </p>
        <p>性别：
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
        </p>
        <p>学历:
            <select>
                <option value="">请选择</option>
                <option value="">本科</option>
                <option value="">专科</option>
            </select>
        </p>
        <p>
            个人简介：
            <textarea cols="10" rows="5">我叫小明，想成为一名优秀的程序员！</textarea>
            <button onclick="test()">提交</button>
        </p>
    </form>
    <script>
        function register() {
            var message = document.getElementById("user").value;
            if (message == "admin") {
                alert("用户名正确");
                return ture;
            }
            alert("账户名错误！");
            return false;
        }
        function test() {
            alert("我叫小明，想成为一名优秀的程序员！");
        }


    </script>
</body>

</html>